/***** CSS SKIN4 *****/ @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700&subset=latin,latin-ext); @font-face { font-family: 'gallery'; src: url('/fonts/gallery/gallery.eot?73801754'); src: url('/fonts/gallery/gallery.eot?73801754#iefix') format('embedded-opentype'), url('/fonts/gallery/gallery.woff?73801754') format('woff'), url('/fonts/gallery/gallery.ttf?73801754') format('truetype'), url('/fonts/gallery/gallery.svg?73801754#gallery') format('svg'); font-weight: normal; font-style: normal; } html, body { height: 100%; margin: 0; padding: 0; position: relative; -webkit-text-size-adjust: 100%; } body { background: #ffffff; } /* body.mobile #proposal:before { content: "M"; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: gold; background: maroon; position: absolute; z-index: 100; top: 0; right: 0; } */ #proposal { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 20px; position: relative; padding: 0; margin: 0; min-height: 100%; height: auto !important; height: 100%; color: #666666; min-width: 1200px; } #hdr { display: block; margin: 0; padding: 10px; background: rgba(0,0,0,0.5); color: #fff; text-align: center; } #ftr { display: block; min-width: 1200px; font-family: Arial, sans-serif; font-size: 12px; clear: both; position: relative; top: 0; margin: 0; height: 80px; padding: 10px 0 0 0; background: #333; color: #fff; text-align: center; } #ftr p.main { font-family: Arial, sans-serif; margin: 0 auto; padding: 10px 40px 0 40px; width: 1120px; text-align: center; color: #999; line-height: 1.3;} #ftr p.main a { font-family: Arial, sans-serif; font-size: 18px; color: #fff; text-transform: uppercase; text-decoration: none; } #ftr p.pdf { font-family: Arial, sans-serif; font-size: 16px; position: absolute; display: block; width: 300px; right: 50%; margin: 0 -560px 0 0; top: 25px; height: 50px; line-height: 50px; text-align: right; } #ftr p.pdf a { font-family: Arial, sans-serif; color: #fff; text-decoration: none; } #ftr p.pdf a:before { content: "\E833"; font-family: gallery, sans-serif; font-size: 30px; line-height: 10px; display: inline-block; margin-right: 10px; } #ftr #qrcode, #ftr p.url { display: none; } #proposal div.block { background: #f0f0f0; margin: 0; position: relative; page-break-inside: avoid;} #proposal div.block.color_scheme_1 { } #proposal div.block.color_scheme_2 { background: #4fbbcd; color: #ffffff; } #proposal div.block>* { width: 1200px; padding: 20px 0; margin-left: auto; margin-right: auto; } #proposal div.block h2, #proposal div.block h3, #proposal div.block h4 { font-family: 'Source Sans Pro', sans-serif; font-size: 20px; font-weight: 700; line-height: 1; margin: 0 auto 20px auto; padding: 0; } #proposal div.block h2 { font-size: 60px; font-weight: 300; } #proposal div.block h3 { font-size: 40px; } #proposal div.block p , #proposal div.block div.body { margin-top: 0; margin-bottom: 0; padding: 0; line-height: 1.4; } #proposal div.block img.ce[src=""] { background: url("/images/none-image.png") 50% 50% no-repeat; border: none; } /* terminace floatu v bloku, aby nevylezaly z bloku */ #proposal div.block:after { content: ""; display: block; position: relative; clear: both; width: 100%; line-height: 0.1; max-height: 0 !important; height: 1px; } #proposal div.block img.ce, #proposal div.block img.ce:hover, #proposal div.block table.ce { border: 0; } #proposal div.block sup { vertical-align: baseline; position: relative; font-size: .75em; top: -0.5em; } #proposal div.block sub { vertical-align: baseline; position: relative; font-size: .75em; bottom: -0.3em; } #proposal div.block a { color: inherit; text-decoration: underline; cursor: pointer; } #proposal div.block b { font-weight: 700; } /* --- INTRO - zacatek --- */ #proposal div.block.intro { padding: 100px 0; margin: 0; position: relative; z-index: 0; } #proposal div.block.intro>* { z-index: 1; } #proposal div.block.intro div.image { z-index: 0; position: absolute; width: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; background-size: cover; background-repeat: no-repeat; } #proposal div.block.intro h2, #proposal div.block.intro h4, #proposal div.block.intro p, #proposal div.block.intro div.body { position: relative; width: 1100px; padding: 10px; margin: 10px auto; text-align: center; } #proposal div.block.intro h2 { font-size: 70px; font-weight: 700; } #proposal div.block.intro span.deleter:hover, #proposal div.block.intro div.image:hover + span.deleter { display: block; } #proposal div.block.intro.color_scheme_1 { background: #f0f0f0; color: #ffffff; } #proposal div.block.intro.color_scheme_1 h2 { font-weight: 300; } #proposal div.block.intro.color_scheme_1:before { z-index: 1; content: ""; display: block; position: absolute; width: 1120px; top: 100px; bottom: 100px; left: 50%; right: auto; margin: 0 0 0 -560px; background: rgba(52, 81, 102, 0.8);} /*#proposal div.block.intro.edited.color_scheme_1:before { display: none; }*/ #proposal div.block.intro.color_scheme_2 { background: #4fbbcd; color: #ffffff; } #proposal div.block.intro.color_scheme_2 h2, #proposal div.block.intro.color_scheme_2 h4 { text-shadow: 1px 1px 0 #666666; } /*#proposal div.block.intro.edited { background: #8adaf6; } #proposal div.block.intro.edited div.image,*/ #proposal div.block.intro.hilite div.image { background-image: none !important; background: transparent; } /* --- INTRO - konec --- */ /* --- PARALAX - zacatek --- */ #proposal div.block.paralax { padding: 100px 0; margin: 0; position: relative; z-index: 0; } #proposal div.block.paralax>* { z-index: 1; } #proposal div.block.paralax div.image { z-index: 0; position: absolute; width: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center; } #proposal div.block.paralax h2, #proposal div.block.paralax h4, #proposal div.block.paralax p, #proposal div.block.paralax div.body { position: relative; width: 1100px; padding: 20px 10px; margin: 0 auto; text-align: center; } #proposal div.block.paralax h2 { font-size: 70px; font-weight: 700; } #proposal div.block.paralax h2:not(.hide) ~ h4, #proposal div.block.paralax h4:not(.hide) ~ p , #proposal div.block.paralax h4:not(.hide) ~ div.body { padding-top: 0;} #proposal div.block.paralax span.deleter:hover, #proposal div.block.paralax div.image:hover + span.deleter { display: block; } #proposal div.block.paralax.color_scheme_1 { background: #f0f0f0; color: #ffffff; } #proposal div.block.paralax.color_scheme_1 h2 { font-weight: 300; } #proposal div.block.paralax.color_scheme_1:before { z-index: 1; content: ""; display: block; position: absolute; width: 1120px; top: 100px; bottom: 100px; left: 50%; right: auto; margin: 0 0 0 -560px; background: rgba(52, 81, 102, 0.8);} /*#proposal div.block.paralax.edited.color_scheme_1:before { display: none; }*/ #proposal div.block.paralax.color_scheme_2 { background: #4fbbcd; color: #ffffff; } /*#proposal div.block.paralax.edited { background: #8adaf6; } #proposal div.block.paralax.edited>* { border: 1px solid #8adaf6; margin-top: -1px; margin-bottom: -1px; } #proposal div.block.paralax.edited div.image,*/ #proposal div.block.paralax.hilite div.image { background-image: none !important; background: transparent; } #proposal.lq div.block.paralax div.image, #proposal div.block.paralax.mysort-dragged div.image, #proposal div.block.paralax.mysort-moved div.image, #proposal.noparalax div.block.paralax div.image { background-attachment: local; background-position: center top; } @media only screen and (max-device-width: 480px) { #proposal div.block.paralax div.image { background-attachment: local; background-position: center top; } } /* --- PARALAX - konec --- */ /* --- TEXT - zacatek --- */ #proposal div.block.text { padding: 40px 0; } #proposal div.block.text>* { position: relative; width: 1100px; margin: 0 auto; padding: 20px 10px; text-align: center; } #proposal div.block.text p , #proposal div.block.text div.body { width: 720px; padding: 20px 200px; text-align: left; } #proposal div.block.text h2:not(.hide) ~ h4, #proposal div.block.text h4:not(.hide) ~ p , #proposal div.block.text h4:not(.hide) ~ div.body { padding-top: 0;} #proposal div.block.text.color_scheme_1 { background: #f0f0f0; color: #666666; } #proposal div.block.text.color_scheme_1>* { background: #ffffff; border-left: 1px solid rgba(102, 102, 102, 0.2); border-right: 1px solid rgba(102, 102, 102, 0.2); } #proposal div.block.text.color_scheme_1>*:last-child { border-bottom: 2px solid rgba(102, 102, 102, 0.2); } /*#proposal div.block.text.edited { background: #8adaf6; } #proposal div.block.text.edited>* { border: 1px solid #8adaf6; margin-top: -1px; margin-bottom: -1px; } #proposal div.block.text.edited div.image,*/ #proposal div.block.text.hilite div.image { background-image: none !important; background: transparent; } #proposal div.block.text a { color: #666666;} /* --- TEXT - konec --- */ /* --- TEXT_IMAGE - zacatek --- */ #proposal div.block.text_image { padding: 40px 0; min-height: 50px; z-index: 0; } #proposal div.block.text_image img.ce { display: block; position: relative; float: left; z-index: 1; width: 363px; left: 50%; right: auto; margin: 10px 0 10px -550px; padding: 0; background-image: none !important; border: none; } #proposal div.block.text_image img[src=""].ce { border: 1px solid silver; min-height: 200px;} #proposal div.block.text_image h2, #proposal div.block.text_image h4, #proposal div.block.text_image p, #proposal div.block.text_image div.body { position: relative; left: 50%; right: auto; width: 667px; margin: 20px 0 20px -147px; padding: 0 40px 0 0; background: transparent;} /* varianta zarovnani obrazku doprava */ #proposal div.block.text_image.right img.ce { right: 50%; left: auto; float: right; margin: 10px -550px 10px 0; } #proposal div.block.text_image.right h2, #proposal div.block.text_image.right h4, #proposal div.block.text_image.right p, #proposal div.block.text_image.right div.body { margin-left: -550px; padding: 0; } #proposal div.block.text_image.color_scheme_1:before { content: ""; display: block; position: absolute; z-index: 0; width: 1120px; top: 40px; bottom: 38px; left: 50%; right: auto; margin: 0 0 0 -561px; border: 1px solid rgba(102, 102, 102, 0.2); border-top: none; border-bottom-width: 2px; background: #ffffff;} #proposal div.block.text_image.edited.color_scheme_1:before { display: none; } #proposal div.block.text_image.color_scheme_2 { background: #4fbbcd; color: #ffffff; } /* --- sipka pro zmenu zarovnani obrazku - zacatek --- */ #proposal img.ce.floating + span.toggler { display: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; top: 60px; left: 50%; right: 50%; border-top: 50px solid transparent; border-bottom: 50px solid transparent; overflow: hidden; cursor: pointer; z-index: 6; } #proposal img.ce.floating:hover + span.toggler.toright { display: block; left: auto; margin-right: 450px; border-right: 0px; border-left: 70px solid rgba(255,255,255,0.7); } #proposal img.ce.floating + span.toggler.toright:hover { display: block; left: auto; margin-right: 450px; border-right: 0px; border-left: 70px solid #8adaf6; } #proposal img.ce.floating:hover + span.toggler.toleft { display: block; right: auto; margin-left: 450px; border-left: 0px; border-right: 70px solid rgba(255,255,255,0.7); } #proposal img.ce.floating + span.toggler.toleft:hover { display: block; right: auto; margin-left: 450px; border-left: 0px; border-right: 70px solid #8adaf6; } /* --- sipka pro zmenu zarovnani obrazku - konec --- */ /* --- TEXT_IMAGE - konec --- */ /* --- IMAGE - zacatek --- */ #proposal div.block.image { padding: 40px 0; z-index: 0; } #proposal div.block.image img.ce { z-index: 1; position: relative; display: block; width: 1100px; margin: 10px auto; padding: 0; border: none; color: #666666; } #proposal div.block.image h2 { z-index: 1; color: #ffffff; } #proposal div.block.image img.ce[src=""] { height: 400px; background: #4fbbcd; } #proposal div.block.image h2 { position: relative; width: 1080px; margin: -90px auto 0 auto; height: 80px; padding: 5px 10px; text-align: center; text-shadow: 1px 1px 0 #666666; } #proposal div.block.image p , #proposal div.block.image div.body { z-index: 1; position: relative; width: 700px; margin: 20px auto 30px auto; padding: 0 10px; text-align: left; } #proposal div.block.image:before { content: ""; display: block; position: absolute; z-index: 0; width: 1120px; top: 40px; bottom: 38px; left: 50%; right: auto; margin: 0 0 0 -561px; border: 1px solid rgba(102, 102, 102, 0.2); border-top: none; border-bottom-width: 2px; background: #ffffff;} /*#proposal div.block.image.edited:before { display: none; }*/ #proposal div.block.image.color_scheme_1 h2 { color: #666666; text-shadow: none; } #proposal div.block.image.color_scheme_2 { background: #4fbbcd; color: #666666; } #proposal div.block.image.color_scheme_2:before { content: ""; display: block; position: absolute; z-index: 0; width: 1120px; top: 40px; bottom: 38px; left: 50%; right: auto; margin: 0 0 0 -561px; border: 1px solid rgba(102, 102, 102, 0.2); border-top: none; border-bottom-width: 2px; background: #ffffff;} /*#proposal div.block.image.color_scheme_2.edited:before { display: none; }*/ /* --- IMAGE - konec --- */ /* --- TESTIMONIAL - zacatek --- */ #proposal div.block.testimonial { position: relative; padding: 40px 0; background: #f0f0f0; color: #666666; z-index: 0; } #proposal div.block.testimonial a { color: #666666; text-decoration: none; } #proposal div.block.testimonial h2 { text-align: center; font-size: 30px; height: 40px; line-height: 40px; font-weight: 300; margin: -20px auto 20px auto; padding: 0; width: 1120px;} #proposal div.block.testimonial > ul { display: block; position: relative; white-space: nowrap; overflow: hidden; margin: 20px auto 0 auto; padding: 0 0 0 40px; width: 1161px; } #proposal div.block.testimonial > ul>li { position: relative; display: inline-block; vertical-align: top; text-align: center; margin: 0; padding: 10px 50px 10px 10px; list-style: none; width: 327px; }/*347px nebo calc(1040px / 3)*/ #proposal div.block.testimonial > ul>li * { z-index: 1; position: relative; margin-left: auto; margin-right: auto; } #proposal div.block.testimonial > ul>li img { position: relative; display: block; padding: 0 0 0 90px; overflow: hidden; width: 0; height: 90px; border-radius: 50%; border: 10px solid #ffffff; margin: 0 auto; box-shadow: 0 2px 2px rgba(102, 102, 102, 0.2), inset 0 2px 2px rgba(102, 102, 102, 0.2); background-color: #f0f0f0; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } #proposal div.block.testimonial > ul>li h3 { font-size: 30px; margin: 20px 0 5px 0; white-space: normal; text-align: center; } #proposal div.block.testimonial > ul>li h4 { font-size: 17px; margin: 5px 0 20px 0; white-space: normal; text-align: center; font-weight: 300; text-transform: uppercase; } #proposal div.block.testimonial > ul>li div.cite { font-size: 17px; line-height: 1.3; margin: 0; padding: 0; white-space: normal; text-align: left; } #proposal div.block.testimonial a.testimonial-scroll { display: none; position: absolute; color: #4fbbcd; font-family: gallery, 'Source Sans Pro', sans-serif; font-size: 300%; text-decoration: none; text-align: right; z-index: 10; width: 50px; height: 80px; margin: 0 0 -80px 560px; top: 40%; left: 50%; right: auto; overflow: hidden; } #proposal div.block.testimonial a.testimonial-scroll.right { left: auto; right: 50%; margin: 0 560px 0 0; text-align: left; } #proposal div.block.testimonial a.testimonial-scroll.left:hover, #proposal div.block.testimonial a.testimonial-scroll.right:hover { color: #50b6c7; } #proposal div.block.testimonial a.testimonial-scroll.left.disabled, #proposal div.block.testimonial a.testimonial-scroll.right.disabled { display: none; } #proposal div.block.testimonial:hover a.testimonial-scroll { display: block; } #proposal div.block.testimonial.color_scheme_1 > ul>li img { border-color: #4fbbcd; margin-top: 20px; } #proposal div.block.testimonial.color_scheme_1 > ul>li { padding: 10px 70px 10px 30px; width: 287px; } #proposal div.block.testimonial.color_scheme_1 a.testimonial-scroll { color: #4fbbcd; } #proposal div.block.testimonial.color_scheme_1 a.testimonial-scroll:hover { color: #50b6c7; } #proposal div.block.testimonial.color_scheme_1 > ul>li:before { content: ""; display: block; position: absolute; z-index: 0; width: 345px; top: 0; bottom: 0; left: 0; right: auto; margin: 0; border: 1px solid rgba(102, 102, 102, 0.2); border-top: none; border-bottom-width: 2px; background: #ffffff;} /*#proposal div.block.testimonial.color_scheme_1.edited ul li:before { display: none; }*/ #proposal div.block.testimonial.color_scheme_2 { background: #4fbbcd; color: #ffffff; } #proposal div.block.testimonial.color_scheme_2 a { color: #ffffff; } #proposal div.block.testimonial.color_scheme_2 a.testimonial-scroll { color: #ffffff; } #proposal div.block.testimonial.color_scheme_2 a.testimonial-scroll:hover { color: #f0f0f0; } /*#proposal div.block.testimonial.edited * {outline: none;} #proposal div.block.testimonial.edited:before, #proposal div.block.testimonial.hilite:before { background: #8adaf6; } #proposal div.block.testimonial.hilite > ul>li a:before, #proposal div.block.testimonial.edited > ul>li a:before { background: url('data:image/svg+xml,'); }*/ #proposal div.block.testimonial.edited input.service[name="url"] { display: inline-block; position: relative; width: 100%; height: auto; margin-top: 20px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 100%; border: none; text-align: center; } /* --- TESTIMONIAL - konec --- */ /* --- REFERENCE - zacatek --- */ #proposal div.block.reference { background: #f0f0f0; color: #666666; position: relative; padding: 40px 0 30px 0; } #proposal div.block.reference h2 { text-align: center; font-size: 30px; height: 40px; line-height: 40px; font-weight: 300; margin: -20px auto 20px auto; padding: 0; width: 1120px;} #proposal div.block.reference > ul { position: relative; display: block; margin: 20px auto 0 auto; padding: 0 30px 0 40px; width: 1130px; text-align: center; } #proposal div.block.reference > ul>li { position: relative; display: inline-block; vertical-align: top; margin: 0 10px 10px 0; padding: 10px 10px 0 10px; list-style: none; width: 344px; font-size: 17px; background: #ffffff; border: 1px solid rgba(102, 102, 102, 0.2); border-top: none; border-bottom-width: 2px;} #proposal div.block.reference > ul>li a { color: #666666; text-decoration: none; } #proposal div.block.reference > ul>li a div.description { position: relative; color: #666666; margin: 0 -10px; padding: 10px; text-align: left; text-decoration: none; cursor: pointer; } #proposal div.block.reference > ul>li a[href=""] div.description { cursor: text; } #proposal div.block.reference > ul>li img { position: relative; border: none; width: 100%; margin: 0; padding: 0; cursor: pointer; background-color: #f0f0f0; background-image: none !important; min-height: 50px; } #proposal div.block.reference > ul>li img[src=""] { height: 200px; } /*#proposal div.block.reference.edited h2 { color: #000 !important;} #proposal div.block.reference.edited > ul>li { background: transparent; border-color: #8adaf6 !important;} #proposal div.block.reference.edited > ul>li div.description { background: #fff; color: #000 !important; cursor: text; }*/ #proposal div.block.reference.edited input[name="url"].service { display: inline-block; display: block; width: 100%; position: relative; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 20px; border: none; color: #000; min-height: 20px; margin: 1px -10px; padding: 10px; } /*- obecna (tedy prvni) definice barev podkladu a textu u referenci -*/ /*- druha barevna verze definice barev podkladu a textu u referenci -*/ #proposal div.block.reference.color_scheme_1 > ul>li { background: #4fbbcd; border-color: #e0e0e0; } #proposal div.block.reference.color_scheme_1 > ul>li a div.description { color: #ffffff; } /*- treti barevna verze definice barev podkladu a textu u referenci -*/ #proposal div.block.reference.color_scheme_2 { background: #4fbbcd; } #proposal div.block.reference.color_scheme_2 h2 { color: #ffffff; } #proposal div.block.reference.color_scheme_2 > ul>li { border-color: #53aab8; } /*- prohlizec velkych obrazku -*/ #big-image-mica { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 10; } #big-image { position: fixed; top: 60px; right: 60px; bottom: 60px; left: 60px; background-color: rgba(0,0,0,0.5); background-size: /*cover*/contain !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; box-shadow: 0 0 50px rgba(0,0,0,0.8); border: 1px solid #fff; z-index: 11; } #big-image-close { position: absolute; width: 70px; height: 30px; padding: 15px 0 25px 0; font-family: gallery, 'Source Sans Pro', sans-serif; top: 0; right: 0; background: rgba(255,255,255,0.5); color: #ffffff; font-size: 40px; text-align: center; font-weight: 700; line-height: 1; cursor: pointer; } #prev-big-image, #next-big-image { position: absolute; width: 50%; height: 100%; padding: 0; cursor: pointer; } #next-big-image { right: 0; } #prev-big-image:hover:after, #next-big-image:hover:after { position: absolute; content: "<"; font-family: gallery, 'Source Sans Pro', sans-serif; display: block; width: 70px; height: 30px; padding: 15px 0 25px 0; left: 0; top: 50%; margin-top: -50px; background: rgba(255,255,255,0.5); cursor: pointer; color: #ffffff; font-size: 40px; text-align: center; font-weight: 700; } #next-big-image:hover:after { content: ">"; left: auto; right: 0; } #prev-big-image.hide, #next-big-image.hide { display: none; } #big-image-text { position: absolute; left: 0; bottom: 0; right: 0; padding: 20px; text-align: center; background: rgba(255,255,255,0.7); color: #000; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 16pt; } /* --- REFERENCE - konec --- */ /* --- TABLE - zacatek --- */ #proposal div.block.table { padding: 40px 0; } #proposal div.block.table table { width: 1120px; margin: 0 auto; padding: 0; border-spacing: 0; /*border-collapse: collapse;*/ } #proposal div.block.table table tr td { padding: 5px 10px; color: #666666; border: none; border-bottom: 1px solid rgba(102, 102, 102, 0.2); vertical-align: top;} #proposal div.block.table table tr td:first-line, #proposal div.block.table table tr td div.cover:first-line { font-weight: 700; } /*#proposal div.block.table.edited table { border-spacing: 0 10px; } #proposal div.block.table.edited table { background: transparent !important; } #proposal div.block.table.edited table tr td { background: #fff !important; color: #000 !important; border: 1px solid #8adaf6 !important; border-left: none !important; border-top: none !important; }*/ #proposal div.block.table.color_scheme_1 table { border-spacing: 0 10px; } #proposal div.block.table.color_scheme_1 table tr td { background: #ffffff; border-color: rgba(102, 102, 102, 0.2); border-style: solid; border-width: 0 0 2px 0; } #proposal div.block.table.color_scheme_1 table tr td:first-child { border-left-width: 1px; } #proposal div.block.table.color_scheme_1 table tr td:last-child { border-right-width: 1px; } #proposal div.block.table.color_scheme_2 table { border-spacing: 10px 0; } #proposal div.block.table.color_scheme_2 table tr td { background: #ffffff; border-color: #53aab8; border-style: solid; border-width: 0 1px 0 1px; } #proposal div.block.table.color_scheme_2 table tr:last-child td { border-bottom-width: 2px; } /* --- TABLE - konec --- */ /* --- BIG-TABLE - zacatek --- */ #proposal div.block.big_table { padding: 40px 0; } #proposal div.block.big_table table { width: 1118px; margin: 0 auto; padding: 0; border-spacing: 0; /*border-collapse: collapse;*/ background: #ffffff; border: 1px solid rgba(102, 102, 102, 0.3); } #proposal div.block.big_table table tr td { font-size: 12px; padding: 5px 10px; color: #666666; background: #ffffff; border: none; border-bottom: 1px solid rgba(102, 102, 102, 0.2); vertical-align: top; text-align: center; border-right: 1px solid rgba(102, 102, 102, 0.1); } #proposal div.block.big_table table tr:first-child td { font-weight: 700; border-bottom-color: rgba(102, 102, 102, 0.3); } #proposal div.block.big_table table tr:first-child td div.cover { font-weight: 700; } #proposal div.block.big_table table tr:last-child td { border-bottom: none; } #proposal div.block.big_table table tr td:first-child { font-weight: 700; text-align: left; border-right-color: rgba(102, 102, 102, 0.2); } #proposal div.block.big_table table tr td:first-child div.cover { font-weight: 700; text-align: left; } #proposal div.block.big_table table tr td:last-child { border-right: none; } #proposal div.block.big_table.color_scheme_1 { background: #f0f0f0; } #proposal div.block.big_table.color_scheme_1 table tr td:first-child { background: rgba(79, 187, 205, 0.3); } #proposal div.block.big_table.color_scheme_1 table tr:first-child td { background: #4fbbcd; color: #ffffff; } #proposal div.block.big_table.color_scheme_2 { background: #f0f0f0; } #proposal div.block.big_table.color_scheme_2 table tr td:first-child { background: rgba(102, 102, 102, 0.1); } #proposal div.block.big_table.color_scheme_2 table tr:first-child td { background: rgba(102, 102, 102, 0.2); } #proposal div.block.big_table.color_scheme_2 table tr:last-child td { background: rgba(102, 102, 102, 0.2); font-weight: 700; } /* --- BIG-TABLE - konec --- */ /* --- PRICETAB - zacatek --- */ /* pricetab - preview - zacatek */ #proposal div.block.pricetab { padding: 0; color: #666666; padding: 40px 0;} #proposal div.block.pricetab table { position: relative; padding: 0; margin: 0 auto; width: 1120px; border-spacing: 0; border: 0; background: #ffffff; border-color: rgba(102, 102, 102, 0.2); border-style: solid; border-width: 0 1px 2px 1px; } #proposal div.block.pricetab table tr { position: relative; vertical-align: middle; } #proposal div.block.pricetab table tr td { font-family: 'Source Sans Pro', sans-serif; position: relative; text-align: center; padding: 10px; width: 15%; border: 0; border-top: 1px solid rgba(102, 102, 102, 0.2); } #proposal div.block.pricetab table tr td.symbols { font-family: gallery, 'Source Sans Pro', sans-serif; } #proposal div.block.pricetab table tr td:first-child, #proposal div.block.pricetab table tr td.top:first-child { text-align: right; width: 22%; padding-right: 20px; font-weight: 700; } #proposal div.block.pricetab table tr:nth-child(1) td { border-top-color: #ffffff; font-family: 'Source Sans Pro', serif; font-size: 30px; font-weight: 700; color: #666666; padding: 10px 0 0 0; background: transparent; vertical-align: bottom; } #proposal div.block.pricetab table tr:nth-child(2) td { border-top: none; font-weight: 700; padding: 0; background: transparent; } #proposal div.block.pricetab table tr:nth-child(3) td { border-top: none; font-size: 17px; padding: 0 0 10px 0; } #proposal div.block.pricetab table tr td.top { color: #666666; background: #f0f0f0; width: 20%; } #proposal div.block.pricetab table tr:nth-child(1) td.top { font-size: 50px; } #proposal div.block.pricetab table.type2 tr td:first-child { display: none; } /* pricetab - preview - konec */ /* druha barevna varianta - zacatek */ #proposal div.block.pricetab.color_scheme_1 { background: #f0f0f0; } #proposal div.block.pricetab.color_scheme_1 table { background: transparent; border-spacing: 10px 0; width: 1140px; border: none;} #proposal div.block.pricetab.color_scheme_1 table tr td { background: #ffffff; border-color: #e0e0e0; border-style: solid; border-width: 0 1px 0 1px; } #proposal div.block.pricetab.color_scheme_1 table tr td.top { background: #4fbbcd; color: #ffffff; } #proposal div.block.pricetab.color_scheme_1 table tr td:before { content: ""; display: block; position: absolute; height: 1px; top: 0; left: 10px; right: 10px; background: rgba(102, 102, 102, 0.2); } #proposal div.block.pricetab.color_scheme_1 table tr td.top:before { background: rgba(255, 255, 255, 0.3); } #proposal div.block.pricetab.color_scheme_1 table tr:nth-child(1) td:before, #proposal div.block.pricetab.color_scheme_1 table tr:nth-child(2) td:before, #proposal div.block.pricetab.color_scheme_1 table tr:nth-child(3) td:before { display: none;} #proposal div.block.pricetab.color_scheme_1 table tr:first-child td.top:before { content: ""; display: block; position: absolute; top: -10px; left: -1px; height: 20px; width: 100%; background: #4fbbcd; color: #ffffff; border-color: #e0e0e0; border-style: solid; border-width: 0 1px 0 1px; } #proposal div.block.pricetab.color_scheme_1 table tr:last-child td { border-bottom-width: 2px; } #proposal div.block.pricetab.color_scheme_1 table tr td:first-child { background: transparent; border: none; } #proposal div.block.pricetab.color_scheme_1 table tr td:first-child:before { display: none;} /* druha barevna varianta - konec */ /* treti barevna varianta - zacatek */ #proposal div.block.pricetab.color_scheme_2 { background: #4fbbcd; } #proposal div.block.pricetab.color_scheme_2 table { background: transparent; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } #proposal div.block.pricetab.color_scheme_2 table tr td { border-color: rgba(255, 255, 255, 0.3); color: #ffffff;} #proposal div.block.pricetab.color_scheme_2 table tr td.top { background: #ffffff; color: #666666;} #proposal div.block.pricetab.color_scheme_2 table tr:first-child td { border-top: none;} /* treti barevna varianta - konec */ /* pricetab - edit - zacatek */ #proposal div.block.pricetab.edited table { margin-top: -30px; /*background: transparent !important;*/ border-spacing: 0; width: 1120px; border: none; } /*#proposal div.block.pricetab.edited table tr td { background-color: #fff; color: #000 !important; border-color: #8adaf6 !important; border-width: 0 1px 1px 0; border-style: solid; } #proposal div.block.pricetab.edited table tr td:last-child { border-right: none; } #proposal div.block.pricetab.edited table tr td:focus { outline: 0; box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5); }*/ #proposal div.block.pricetab.edited table tr:first-child td:first-child { text-align: left; } #proposal div.block.pricetab.edited table.ce.edited tr.service td { background: #8adaf6 !important; color: #fff; border: 0; font-size: 100%; height: 30px; margin: 0; padding: 0;} #proposal div.block.pricetab.edited table tr:nth-child(1) td { font-family: 'Source Sans Pro', sans-serif; padding: 0; font-weight: 300;} #proposal div.block.pricetab.edited table tr:nth-child(2) td { vertical-align: bottom; font-family: 'Source Sans Pro', serif; font-size: 30px; font-weight: 700; padding: 10px 0 0 0; } #proposal div.block.pricetab.edited table tr:nth-child(3) td { /*background-color: #fff;*/ font-family: 'Source Sans Pro', sans-serif; padding: 0; font-weight: 700; font-size: 20px;} #proposal div.block.pricetab.edited table tr:nth-child(4) td { font-size: 80%; padding: 0 0 10px 0; } #proposal div.block.pricetab.edited table tr:nth-child(2) td.top { font-size: 50px; } /*#proposal div.block.pricetab.edited table tr td.top { background: #ddd; } #proposal div.block.pricetab.edited table tr:nth-child(3) td.top { background: #ddd; } #proposal div.block.pricetab.edited table tr td:before { display: none; } #proposal div.block.pricetab.edited table tr td:first-child { background: #fff; border-style: solid; border-width: 0 1px 1px 0 !important; border-color: #8adaf6 !important; } #proposal div.block.pricetab.edited table tr:nth-child(2) td:first-child, #proposal div.block.pricetab.edited table tr:nth-child(3) td:first-child, #proposal div.block.pricetab.edited table tr:nth-child(4) td:first-child, #proposal div.block.pricetab.edited table tr:nth-child(2) td.top:first-child, #proposal div.block.pricetab.edited table tr:nth-child(3) td.top:first-child, #proposal div.block.pricetab.edited table tr:nth-child(4) td.top:first-child { background: #8adaf6; }*/ #proposal div.block.pricetab.edited table.type2 tr td:first-child { display: table-cell; } #proposal div.block.pricetab.edited table tr:first-child td.top:before { display: none; } /* pricetab - edit - konec */ /* --- PRICETAB - konec --- */ /* --- QPRICETAB - zacatek --- */ #proposal div.block.qpricetab { background: #f0f0f0; padding: 40px 0;} #proposal div.block.qpricetab table.ce { margin: 0 auto; width: 1120px; border-spacing: 0; /*border-collapse: collapse;*/ border: none; position: relative; overflow: hidden;} #proposal div.block.qpricetab table.ce tr { position: relative; vertical-align: middle;} #proposal div.block.qpricetab table.ce tr td { text-align: right; padding: 10px 20px; position: relative; color: #666666; border: none; border-color: #e0e0e0; border-style: solid; border-width: 0 0 1px 0; } #proposal div.block.qpricetab table.ce tr td:nth-child(1) { font-size: 20px; text-align: left; width: 50%;} #proposal div.block.qpricetab table.ce tr td:nth-child(1):first-line, #proposal div.block.qpricetab table.ce tr td:nth-child(1) div.cover:first-line { font-weight: 700; } #proposal div.block.qpricetab table.ce tr:first-child td, #proposal div.block.qpricetab table.ce tr:first-child td:first-line { font-size: 17px; font-weight: 700; } #proposal div.block.qpricetab table.ce tr td:last-child { font-size: 30px; } #proposal div.block.qpricetab table.ce tr.last td { background: #4fbbcd; color: #ffffff; } #proposal div.block.qpricetab table.ce tr.last td:last-child, #proposal div.block.qpricetab table.ce tr td.minus { font-weight: 700; } #proposal div.block.qpricetab table.ce.plain tr:first-child, #proposal div.block.qpricetab table.ce.plain tr td:nth-child(2), #proposal div.block.qpricetab table.ce.plain tr td:nth-child(3), #proposal div.block.qpricetab table.ce.easy tr:first-child, #proposal div.block.qpricetab table.ce.easy tr td:nth-child(2), #proposal div.block.qpricetab table.ce.easy tr td:nth-child(3) {display: none;} /*#proposal div.block.qpricetab.edited table.edited.ce { background: #8adaf6 !important; } #proposal div.block.qpricetab.edited table.edited.ce tr td { background: #fff !important; color: #000 !important; border: 1px solid #8adaf6; border-left: none; border-top: none;} #proposal div.block.qpricetab.edited table.edited.ce tr td:focus { outline: 0; box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);}*/ /* druhe barevne schema */ #proposal div.block.qpricetab.color_scheme_1 { background: #f0f0f0; border-spacing: 0; } #proposal div.block.qpricetab.color_scheme_1 table { border-spacing: 0 10px; } #proposal div.block.qpricetab.color_scheme_1 table.ce tr td { background: #ffffff; border-bottom-width: 2px; } #proposal div.block.qpricetab.color_scheme_1 table.ce tr td:first-child { border-left-width: 1px; } #proposal div.block.qpricetab.color_scheme_1 table.ce tr td:last-child { border-right-width: 1px; } #proposal div.block.qpricetab.color_scheme_1 table.ce tr:first-child td { background: transparent; border: none; padding-bottom: 0; font-weight: 300; } #proposal div.block.qpricetab.color_scheme_1 table.ce tr:first-child td:first-line { font-weight: 300; } #proposal div.block.qpricetab.color_scheme_1 table.ce tr.last td { background: #4fbbcd; } /* treti barevne schema */ #proposal div.block.qpricetab.color_scheme_2 { background: #4fbbcd; } #proposal div.block.qpricetab.color_scheme_2 table.ce tr td { border-color: rgba(255, 255, 255, 0.3); color: #ffffff; } #proposal div.block.qpricetab.color_scheme_2 table.ce tr.last td { background: rgba(255, 255, 255, 0.1); color: #ffffff; } /* --- QPRICETAB - konec --- */ /* --- COMPANYCONTACT - zacatek --- */ #proposal div.block.companycontact { min-height: 400px; } #proposal div.block.companycontact div.map-canvas { position: absolute; width: 746px; height: 100%; height: calc(100% - 80px); left: 50%; margin: 40px 0 40px -560px; padding: 0; background: #f0f0f0; } #proposal div.block.companycontact div.panel { position: relative; left: 50%; margin: 0 auto 80px 186px; padding: 40px 20px 40px 40px; top: 40px; width: 314px; border: none; font-family: 'Source Sans Pro', sans-serif; } #proposal div.block.companycontact div.panel img, #proposal div.block.companycontact div.panel.wide-img img { width: auto; max-width: 100%; max-height: 80px; margin: 0 0 20px 0; z-index: 5; position: relative; background-image: none !important;} #proposal div.block.companycontact div.panel.tall-img img { max-width: 140px; height: auto; margin: 0 20px 10px 0; float: left; } #proposal div.block.companycontact div.panel img[src=""] { display: none; width: 320px !important; height: 80px; border: 1px solid #ffffff; background: url("/images/none-image.png") 50% 50% no-repeat; background-size: 70%; } #proposal div.block.companycontact.edited div.panel img[src=""] { display: inline-block; } #proposal div.block.companycontact div.panel span.deleter { top: 50px; left: 50px; } #proposal div.block.companycontact div.panel span.deleter:hover, #proposal div.block.companycontact div.panel img:hover + span.deleter { display: inline-block; } #proposal div.block.companycontact.edited div.panel img[src=""]:hover + span.deleter { display: none; } #proposal div.block.companycontact div.panel h4, #proposal div.block.companycontact div.panel p, #proposal div.block.companycontact div.panel p a.ce { color: #666666; } #proposal div.block.companycontact div.panel h4 { display: block; font-size: 100%; background: transparent; margin: 0; padding: 0; line-height: 1; } #proposal div.block.companycontact div.panel p { min-height: 1.5em; margin: 5px 0; padding: 0; position: relative; } #proposal div.block.companycontact div.panel p.address { line-height: 1.2; margin-bottom: 20px; } #proposal div.block.companycontact div.panel p.address:after { content: ""; display: block; height: 0; width: 100%; margin: 0; padding: 0; clear: both; } #proposal div.block.companycontact div.panel p a.ce { font-size: 85%; margin: 0 0 0 35px; padding: 0 5px; display: block; text-decoration: none; white-space: nowrap; overflow: hidden; cursor: pointer; } #proposal div.block.companycontact div.panel p a.ce:hover { color: #345166; } #proposal div.block.companycontact div.panel p.phone:before, #proposal div.block.companycontact div.panel p.email:before, #proposal div.block.companycontact div.panel p.web:before, #proposal div.block.companycontact div.panel p.twitter:before, #proposal div.block.companycontact div.panel p.facebook:before { /*content: "\E806";*/ content: "\0E80"; display: block; position: absolute; top: -7px; width: 24px; height: 24px; font-family: gallery; font-size: 24px; color: #e2e2e2; } #proposal div.block.companycontact div.panel p.phone:before { content: "\E801"; } #proposal div.block.companycontact div.panel p.web:before { content: "\E807"; } #proposal div.block.companycontact div.panel p.twitter:before { content: "\E802"; } #proposal div.block.companycontact div.panel p.facebook:before { content: "\E803"; } /*#proposal div.block.companycontact.edited div.panel p a.ce, #proposal div.block.companycontact.edited div.panel * { color: #000 !important; background: #fff !important;}*/ #proposal div.block.companycontact.edited div.panel h4 { margin: 0; padding: 0; width: 100%; text-align: left; } #proposal div.block.companycontact.color_scheme_1 { background: #f0f0f0;} #proposal div.block.companycontact.color_scheme_1 div.panel { background: #ffffff; } #proposal div.block.companycontact.color_scheme_1:before { content: ""; display: block; position: absolute; z-index: 0; width: 1120px; top: 40px; bottom: 38px; left: 50%; right: auto; margin: 0 0 0 -561px; border: 1px solid rgba(102, 102, 102, 0.2); border-top: none; border-bottom-width: 2px; background: #ffffff;} #proposal div.block.companycontact.edited.color_scheme_1:before { display: none; } #proposal div.block.companycontact.color_scheme_1 div.panel h4, #proposal div.block.companycontact.color_scheme_1 div.panel p, #proposal div.block.companycontact.color_scheme_1 div.panel p a.ce { color: #666666; } #proposal div.block.companycontact.color_scheme_1 div.panel p a.ce:hover { color: #345166; } #proposal div.block.companycontact.color_scheme_1 div.panel p.phone:before, #proposal div.block.companycontact.color_scheme_1 div.panel p.email:before, #proposal div.block.companycontact.color_scheme_1 div.panel p.web:before, #proposal div.block.companycontact.color_scheme_1 div.panel p.twitter:before, #proposal div.block.companycontact.color_scheme_1 div.panel p.facebook:before { color: #e2e2e2; } #proposal div.block.companycontact.color_scheme_2 { background: #4fbbcd; color: #ffffff;} #proposal div.block.companycontact.color_scheme_2 div.panel h4, #proposal div.block.companycontact.color_scheme_2 div.panel p, #proposal div.block.companycontact.color_scheme_2 div.panel p a.ce { color: #ffffff; } #proposal div.block.companycontact.color_scheme_2 div.panel p a.ce:hover { color: #e0e0e0; } #proposal div.block.companycontact.color_scheme_2 div.panel p.phone:before, #proposal div.block.companycontact.color_scheme_2 div.panel p.email:before, #proposal div.block.companycontact.color_scheme_2 div.panel p.web:before, #proposal div.block.companycontact.color_scheme_2 div.panel p.twitter:before, #proposal div.block.companycontact.color_scheme_2 div.panel p.facebook:before { color: #72c8d7; } /* --- COMPANYCONTACT - konec --- */ /* --- PERSONALCONTACT - zacatek --- */ /* U tohoto bloku probehla zasadni uprava za behu projektu. V dobe, kdy uz bylo vytvoreno pres tisic nabidek a v nich pouzito cca 800 bloku typu PERSONALCONTACT, bylo nutno zmenit HTML kod bloku. Od te chvile (rijen 2015) existuji dve podoby bloku, pricemz nova pouze opravuje nedostatky prvni, ale vypadat ma shodne s prvni verzi. Prvni/puvodni verze ma veskery obsah bloku zabalen v bloku tridy "panel". Druha verze ma obsah rozdelen na dve casti - do dvou bloku, ketre maji tridu "part". Prvni cast puvodniho obsahu je zabalena v bloku s dodatecnou tridou "part1" a druha cast obsahu je zabalena v bloku s dodatecnou tridou "part2". Nasledujici stylopis bloku styluje obe verze. */ #proposal div.block.personalcontact { position: relative; background: #f0f0f0; padding: 40px 0;} #proposal div.block.personalcontact div.panel, #proposal div.block.personalcontact div.part { position: relative; display: block; text-align: center; width: 1120px; margin: 0 auto; padding: 30px 0; background: transparent; } #proposal div.block.personalcontact div.part1 { padding-bottom: 0; } #proposal div.block.personalcontact div.part2 { padding-top: 0; } #proposal div.block.personalcontact p, #proposal div.block.personalcontact a { color: #666666; } #proposal div.block.personalcontact img.ce { position: relative; display: block; padding: 0 0 0 140px; overflow: hidden; width: 0; height: 140px; border-radius: 50%; border: 10px solid #ffffff; margin: 0 auto; box-shadow: 0 2px 2px rgba(102, 102, 102, 0.2), inset 0 2px 2px rgba(102, 102, 102, 0.2); background-color: #f0f0f0; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } #proposal div.block.personalcontact span.deleter { top: 30px; left: 50%; margin-left: -80px; } #proposal div.block.personalcontact span.deleter:hover, #proposal div.block.personalcontact img.ce:hover + span.deleter { display: block; } #proposal div.block.personalcontact h4, #proposal div.block.personalcontact p.post, #proposal div.block.personalcontact p.address { position: relative; text-align: center; margin: 10px 0; padding: 0; display: block;} #proposal div.block.personalcontact h4 { margin: 10px 0 0 0; font-family: 'Source Sans Pro', sans-serif; font-size: 30px; color: #666666; background: transparent;} #proposal div.block.personalcontact p.post { margin: 0 0 10px 0; text-transform: uppercase; font-size: 17px; font-weight: 700;} #proposal div.block.personalcontact p.address { } #proposal div.block.personalcontact p a.ce { position: relative; margin: 0; padding: 0 5px; display: inline; width: auto; min-width: 100px; text-decoration: none; white-space: nowrap; overflow: hidden; cursor: pointer; } #proposal div.block.personalcontact p a.ce:hover { color: #345166; } #proposal div.block.personalcontact p.phone, #proposal div.block.personalcontact p.email, #proposal div.block.personalcontact p.web, #proposal div.block.personalcontact p.twitter, #proposal div.block.personalcontact p.facebook { position: relative; display: inline; width: auto; text-align: left; margin: 5px 0 5px 20px; white-space: nowrap; font-size: 17px; } #proposal div.block.personalcontact p.phone:before, #proposal div.block.personalcontact p.email:before, #proposal div.block.personalcontact p.web:before, #proposal div.block.personalcontact p.twitter:before, #proposal div.block.personalcontact p.facebook:before { position: relative; /*content: "\E806";*/ content: "\0E80"; display: inline-block; width: 24px; height: 24px; font-family: gallery; font-size: 24px; color: #d1d1d1; margin: 0; } #proposal div.block.personalcontact p.phone:before { content: "\E801"; } #proposal div.block.personalcontact p.web:before { content: "\E807"; } #proposal div.block.personalcontact p.twitter:before { content: "\E802"; } #proposal div.block.personalcontact p.facebook:before { content: "\E803"; } #proposal div.block.personalcontact:not(.edited) p.hide:before { content: ""; display: none; } #proposal div.block.personalcontact.color_scheme_1 { background: #f0f0f0; color: #666666; } #proposal div.block.personalcontact.color_scheme_1 img.ce { border-color: #4fbbcd; } #proposal div.block.personalcontact.color_scheme_1 p.phone:before, #proposal div.block.personalcontact.color_scheme_1 p.email:before, #proposal div.block.personalcontact.color_scheme_1 p.web:before, #proposal div.block.personalcontact.color_scheme_1 p.twitter:before, #proposal div.block.personalcontact.color_scheme_1 p.facebook:before { color: #e0e0e0; } #proposal div.block.personalcontact.color_scheme_1:before { content: ""; display: block; position: absolute; z-index: 0; width: 1120px; top: 40px; bottom: 38px; left: 50%; right: auto; margin: 0 0 0 -561px; border: 1px solid rgba(102, 102, 102, 0.2); border-top: none; border-bottom-width: 2px; background: #ffffff;} #proposal div.block.personalcontact.edited.color_scheme_1:before { display: none; } #proposal div.block.personalcontact.color_scheme_2 { background: #4fbbcd; color: #ffffff; } #proposal div.block.personalcontact.color_scheme_2 p, #proposal div.block.personalcontact.color_scheme_2 a { color: #ffffff; } #proposal div.block.personalcontact.color_scheme_2 p a.ce:hover { color: #e2e2e2; } #proposal div.block.personalcontact.color_scheme_2 p.phone:before, #proposal div.block.personalcontact.color_scheme_2 p.email:before, #proposal div.block.personalcontact.color_scheme_2 p.web:before, #proposal div.block.personalcontact.color_scheme_2 p.twitter:before, #proposal div.block.personalcontact.color_scheme_2 p.facebook:before { color: #95d6e1; } #proposal div.block.personalcontact.color_scheme_2 h4, #proposal div.block.personalcontact.color_scheme_2 p.post, #proposal div.block.personalcontact.color_scheme_2 p.address { color: #ffffff; } #proposal div.block.personalcontact.edited div.panel img.ce { cursor: pointer; } /* --- PERSONALCONTACT - konec --- */ /* --- BUTTONS - zacatek --- */ #proposal div.block.buttons { background: #f0f0f0; position: relative; padding: 40px 0;} #proposal div.block.buttons h2 { color: #666666; background: transparent; position: relative; width: 1120px; margin: 20px auto; padding: 0 10px; font-size: 30px; font-weight: 300; text-align: center; } #proposal div.block.buttons ul { display: block; padding: 10px 0; margin: 0 auto; width: 1120px; text-align: center; font-size: 0px;} #proposal div.block.buttons ul li { position: relative; display: inline-block; box-sizing: border-box; vertical-align: top; margin: 0 0 0 40px; padding: 0; list-style: none; font-size: 16pt; width: 192px; /*width: calc((1120px - 4 * 40px) / 5);*/ } #proposal div.block.buttons ul li:first-child { margin-left: 0; } #proposal div.block.buttons ul li span { font-family: 'Source Sans Pro', sans-serif; } #proposal div.block.buttons ul li span.desc { font-size: 17px; position: absolute; z-index: 5; top: auto; right: 0; bottom: 100%; /*bottom: calc(100% + 5px);*/ left: 0; padding: 20px 20px 25px 20px; text-align: left; display: none; background: #ffffff; line-height: 1.2; border-radius: 5px; box-shadow: 0 2px 8px rgba(102, 102, 102, 0.2); } #proposal div.block.buttons ul li span.desc:before { position: absolute; content: ""; display: block; width: 0; height: 0; margin: 0 -20px; top: 100%; left: 50%; border-style: solid; border-width: 20px 20px 0 20px; border-color: #ffffff transparent transparent transparent; } #proposal div.block.buttons ul li:hover span.desc:not(:empty) { display: block; } #proposal div.block.buttons ul li span.button { display: block; font-size: 30px; font-weight: 700; padding: 20px 5px; margin: 20px auto; color: #666666; background: #ffffff; border-color: #e0e0e0; border-style: solid; border-width: 0 1px 2px 1px; border-radius: 5px; cursor: pointer; } #proposal div.block.buttons:not(.edited) ul li span.button:hover { background: rgba(102, 102, 102, 0.05); border-color: rgba(102, 102, 102, 0.3); } #proposal div.block.buttons ul li span.thx { display: none; line-height: 1.2; color: #666666;} #proposal div.block.buttons ul li span.thx.show:not(:empty) { position: fixed; display: block; width: 500px; top: 50%; left: 50%; bottom: auto; right: auto; padding: 20px; margin-left: -250px; margin-top: -100px; text-align: center; border: 5px solid #4fbbcd; border-radius: 10px; background: white; box-shadow: 10px 10px 20px rgba(0,0,0,0.3); z-index: 5; font-size: 150%; } #proposal div.block.buttons.edited h2 { margin-bottom: 200px; /*color: #000 !important;*/ } #proposal div.block.buttons.edited ul li { background: transparent; line-height: 100%;} #proposal div.block.buttons.edited ul li * { outline: none; position: relative;} #proposal div.block.buttons.edited ul li span.desc { display: block; } #proposal div.block.buttons.edited ul li span.desc:before { border-color: #fff transparent transparent transparent !important; } #proposal div.block.buttons.edited ul li span.thx { display: block; padding: 20px; margin-top: 35px; text-align: left; border: none; background: #fff; color: #666666; } #proposal div.block.buttons.edited ul li span.desc:not(:empty):after, #proposal div.block.buttons.edited ul li span.thx:not(:empty):before { content: attr(placeholder); display: block; position: relative; height: 35px; float: left; margin: -40px 0 0 -20px; font-size: 14px; opacity: 0.7;} #proposal div.block.buttons.edited ul li span.desc:not(:empty):after { position: absolute; top: -20px; left: 0; margin: 0;} /*- definice sirek -*/ #proposal div.block.buttons ul.v1 li { width: 1120px; /*width: calc(1119px / 1);*/ } #proposal div.block.buttons ul.v2 li { width: 540px; /*width: calc((1119px - 1 * 40px) / 2);*/ } #proposal div.block.buttons ul.v3 li { width: 346px; /*width: calc((1119px - 2 * 40px) / 3);*/ } #proposal div.block.buttons ul.v4 li { width: 250px; /*width: calc((1119px - 3 * 40px) / 4);*/ } /*- druha barevna verze definice barev podkladu a textu u referenci -*/ #proposal div.block.buttons.color_scheme_1 { background: #ffffff; } #proposal div.block.buttons.color_scheme_1 ul li span.button { background: #4fbbcd; color: #ffffff; } #proposal div.block.buttons.color_scheme_1 ul li span.button:hover { background: #51b2c2; color: #efefef; } #proposal div.block.buttons.color_scheme_1 ul li span.desc { background: #f0f0f0; box-shadow: 0 2px 8px rgba(102, 102, 102, 0.4); } #proposal div.block.buttons.color_scheme_1 ul li span.desc:before { border-color: #f0f0f0 transparent transparent transparent; } /*- treti barevna verze definice barev podkladu a textu u referenci -*/ #proposal div.block.buttons.color_scheme_2 { background: #4fbbcd; } #proposal div.block.buttons.color_scheme_2 h2 { color: #ffffff; } #proposal div.block.buttons.color_scheme_2 ul li span.button { background: #ffffff; color: #666666; } #proposal div.block.buttons.color_scheme_2 ul li span.button:hover { background: #efefef; } #proposal div.block.buttons.color_scheme_2 ul li span.desc { background: #f0f0f0; box-shadow: 0 2px 8px rgba(102, 102, 102, 0.4); color: #666666; } #proposal div.block.buttons.color_scheme_2 ul li span.desc:before { border-color: #f0f0f0 transparent transparent transparent; } /* --- BUTTONS - konec --- */ /* --- VIDEO - zacatek --- */ #proposal div.block.video { padding: 40px 0; } #proposal div.block.video div.video { display: block; width: 1200px; height: 675px; margin: 0 auto; padding: 0; border: none; background: #666666; } #proposal div.block.video h2 { color: #666666; position: relative; width: 1120px; margin: 20px auto; padding: 0 40px; text-align: center; } #proposal div.block.video.color_scheme_1 h2 { color: #4fbbcd; } #proposal div.block.video.color_scheme_2 h2 { color: #f0f0f0; } #proposal div.block.video p , #proposal div.block.video div.body { width: 1120px; margin: 20px auto; padding: 0 40px; text-align: center; } #proposal div.block.video.edited input[name=video_url].service { display: block; position: relative; width: 1120px; height: 24px; margin: 20px auto; padding: 0 40px; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 20px;} /* --- VIDEO - konec --- */ /* --- REG_FORM - zacatek --- */ #proposal div.block.reg_form { padding: 60px 0 40px 0; } #proposal div.block.reg_form h2, #proposal div.block.reg_form>p, #proposal div.block.reg_form>div { position: relative; width: 920px; margin: 0 auto 20px auto; padding: 0; text-align: left; } #proposal div.block.reg_form h2 { text-align: center; font-size: 150%; margin-bottom: 40px; } #proposal div.block.reg_form>* { padding: 10px 140px; width: 920px; } #proposal div.block.reg_form form p { margin: 10px 0; } #proposal div.block.reg_form form>p>input[type=text], #proposal div.block.reg_form form>p>input[type=email] { display: inline-block; width: 690px; border: 1px solid #d4d4d4; border-radius: 4px; padding: 10px; line-height: 20px; height: 20px; font-family: 'Source Sans', sans-serif; font-weight: 300; font-size: 20px; } #proposal div.block.reg_form form>p:not(.service)>label>span { display: inline-block; width: 180px; margin-right: 20px; padding: 10px 0; line-height: 20px; height: 20px; font-size: 20px; font-weight: bold; text-align: center; background: #4fbbcd; color: #ffffff;} /* - nastylovani prepinace "multiply" - */ #proposal div.block.reg_form form p.service { display: none; font-style: italic; background: #ffffff; padding: 5px 0; margin: 30px 0 0 0; text-align: center; } #proposal div.block.reg_form.edited form p.service { display: block; } #proposal div.block.reg_form form p.service input[type=checkbox] { z-index: -1; position: absolute; left: -500px; } #proposal div.block.reg_form form p.service input[type=checkbox] + label { cursor: pointer; } #proposal div.block.reg_form form p.service input[type=checkbox] + label i { font-size: 16px; text-align: right; font-style: normal; display: inline-block; position: relative; left: 0; top: 0; width: 40px; height: 25px; margin: 0; padding: 1px 5px 0 6px; background: #ffffff; border: 1px solid #999; border-radius: 25px; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2); } #proposal div.block.reg_form form p.service input[type=checkbox] + label i:before { display: inline; content: "O"; font-family: gallery, Arial, sans-serif; font-size: 18px; line-height: 25px; color: #333; text-shadow: 1px 1px 3px rgba(0,0,0,0.2); } #proposal div.block.reg_form form p.service input[type=checkbox]:checked + label i { text-align: left; } #proposal div.block.reg_form form p.service input[type=checkbox]:focus + label i { box-shadow: 0 0 4px 2px #8adaf6; } /* - nastylovani fieldsetu - */ #proposal div.block.reg_form form fieldset { margin: 40px 0 0 0; border: none; padding: 0; } #proposal div.block.reg_form form fieldset input { margin: 0 20px 0 200px; } /* - nastylovani checkboxu optionu - */ #proposal div.block.reg_form form fieldset input[type=checkbox] { z-index: -1; position: absolute; left: -10000px; } #proposal div.block.reg_form form fieldset input[type=checkbox] + label span { cursor: text; display: inline-block; vertical-align: top; width: 100%; } #proposal div.block.reg_form form fieldset input[type=checkbox] + label { padding-left: 40px; position: relative; cursor: pointer; display: block; } #proposal div.block.reg_form form fieldset input[type=checkbox] + label:before { content: ""; font-family: gallery, Arial, sans-serif; font-size: 30px; line-height: 15px; display: inline-block; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; margin: 0; background: #ffffff; border: 1px solid #999; border-radius: 3px; color: #333; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2); } #proposal div.block.reg_form form fieldset input[type=checkbox]:checked + label:before { content: "v"; background: #eee; } /* - nastylovani radiobuttonu optionu - */ #proposal div.block.reg_form form fieldset input[type=radio] { z-index: -1; position: absolute; left: -10000px; } #proposal div.block.reg_form form fieldset input[type=radio] + label span { cursor: text; display: inline-block; vertical-align: top; width: 100%; } #proposal div.block.reg_form form fieldset input[type=radio] + label { padding-left: 40px; position: relative; cursor: pointer; display: block; } #proposal div.block.reg_form form fieldset input[type=radio] + label:before { content: ""; font-family: gallery, Arial, sans-serif; font-size: 18px; line-height: 25px; display: inline-block; position: absolute; left: 0; top: 3px; width: 25px; height: 25px; margin: 0; text-align: center; background: #ffffff; padding: 1px 0 0 1px; border: 1px solid #999; border-radius: 50%; color: #333; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2); text-shadow: 1px 1px 3px rgba(0,0,0,0.2); } #proposal div.block.reg_form form fieldset input[type=radio]:checked + label:before { content: "O"; background: #eee; } #proposal div.block.reg_form form fieldset input[type=checkbox]:focus + label:before, #proposal div.block.reg_form form fieldset input[type=radio]:focus + label:before { box-shadow: 0 0 4px 1px #07f; } /* - nastylovani odesilaciho tlacitka - */ #proposal div.block.reg_form form>p:last-child { text-align: center; } #proposal div.block.reg_form form button[type=submit] { margin: 10px; padding: 15px 50px; background: #4fbbcd; border-radius: 4px; background-color: #ffffff; background: -webkit-linear-gradient(#4fbbcd, #51b2c2); background: linear-gradient(#4fbbcd, #51b2c2); border: none; border-top: 1px solid #ffffff; border-radius: 5px; box-shadow: 0 1px 0 rgba(102, 102, 102, 0.2), 0 3px 0 rgba(102, 102, 102, 0.2), 0 6px 6px rgba(102, 102, 102, 0.4); cursor: pointer; } #proposal div.block.reg_form form button[type=submit] span { display: inline-block; margin: 0; padding: 5px 10px; font-size: 24px; height: 24px; line-height: 24px; font-weight: bold; color: #ffffff; } #proposal div.block.reg_form form button[type=submit]:active { box-shadow: 0 1px 0 rgba(102, 102, 102, 0.3), 0 1px 0 rgba(102, 102, 102, 0.3), 0 3px 3px rgba(102, 102, 102, 0.6); -webkit-transform: translateY(2px); transform: translateY(2px); } #proposal div.block.reg_form form button[type=submit]:hover { background-color: #4fbbcd; background: -webkit-linear-gradient(#4fbbcd, #53aab8); background: linear-gradient(#4fbbcd, #53aab8); } #proposal div.block.reg_form form label>span, #proposal div.block.reg_form form button>span { cursor: pointer !important; } #proposal.edit-mode div.block.reg_form form label>span, #proposal.edit-mode div.block.reg_form form button>span { cursor: text !important; } /* - nastylovani thank-you textu - */ #proposal div.block.reg_form>div.thx { display: none; } #proposal div.block.reg_form>div.thx.show { position: fixed; display: block; width: 500px; top: 50%; left: 50%; bottom: auto; right: auto; padding: 20px; margin-left: -250px; margin-top: -100px; text-align: center; border: 5px solid #4fbbcd; border-radius: 10px; background: white; box-shadow: 0 0 0 1000px rgba(0,0,0,0.3); z-index: 5; font-size: 150%; } #proposal.edit-mode div.block.reg_form.edited>div.thx { position: relative; display: block; margin-top: 20px; background: #ffffff; padding: 10px; border-radius: 4px; } #proposal.edit-mode div.block.reg_form.edited>div.thx:before { position: relative; display: block; content: attr(placeholder); top: -1.8em; color: #53aab8; font-style: italic; font-size: 12px; line-height: 0.1; height: 0; } /* - barevne variace - */ #proposal div.block.reg_form.color_scheme_1 { background: #f0f0f0; } #proposal div.block.reg_form.color_scheme_1>* { z-index: 1; position: relative; } #proposal div.block.reg_form.color_scheme_1:before { z-index: 0; content: ""; display: block; position: absolute; width: 1120px; top: 40px; bottom: 38px; left: 50%; right: auto; margin: 0 0 0 -561px; border: 1px solid rgba(102, 102, 102, 0.2); border-top: none; border-bottom-width: 2px; background: #ffffff;} #proposal div.block.reg_form.color_scheme_1 form>p:not(.service)>label>span { background: #f0f0f0; color: #666666; } #proposal div.block.reg_form.color_scheme_2 { background: #4fbbcd; } #proposal div.block.reg_form.color_scheme_2 h2, #proposal div.block.reg_form.color_scheme_2 p, #proposal div.block.reg_form.color_scheme_2 div { color: #ffffff; } #proposal div.block.reg_form.color_scheme_2 form>p:not(.service)>label>span { background: #345166; } #proposal div.block.reg_form.color_scheme_2 form button[type=submit] span { color: #666666; } #proposal div.block.reg_form.color_scheme_2 form button[type=submit] { background: #ffffff; } #proposal div.block.reg_form.color_scheme_2 form button[type=submit]:hover { background: #f0f0f0; } #proposal div.block.reg_form.color_scheme_2 form p.service { background: rgba(52, 81, 102, 0.2); } #proposal.edit-mode div.block.reg_form.color_scheme_2>div.thx:before { color: #ffffff; } #proposal.edit-mode div.block.reg_form.color_scheme_2 fieldset p label span:empty { background: #ffffff; padding: 0 5px; } /* --- REG_FORM - konec --- */ /* --- CONTACT_FORM - zacatek --- */ #proposal div.block.contact_form { padding: 60px 0 40px 0; } #proposal div.block.contact_form h2, #proposal div.block.contact_form>p, #proposal div.block.contact_form>div { position: relative; width: 920px; margin: 0 auto 20px auto; padding: 0; text-align: left; } #proposal div.block.contact_form h2 { text-align: center; font-size: 150%; margin-bottom: 40px; } #proposal div.block.contact_form>* { padding: 10px 140px; width: 920px; } #proposal div.block.contact_form form p { margin: 10px 0; } #proposal div.block.contact_form form>p>input[type=text], #proposal div.block.contact_form form>p>input[type=email], #proposal div.block.contact_form form>p>textarea { display: inline-block; width: 690px; border: 1px solid #d4d4d4; border-radius: 4px; padding: 10px; line-height: 20px; height: 20px; font-family: 'Source Sans', sans-serif; font-weight: 300; font-size: 20px; } #proposal div.block.contact_form form>p>textarea { min-height: 300px; } #proposal div.block.contact_form form>p>label[for^=message] { float: left; } #proposal div.block.contact_form form>p:not(.service)>label>span { display: inline-block; width: 180px; margin-right: 20px; padding: 10px 0; line-height: 20px; height: 20px; font-size: 20px; font-weight: bold; text-align: center; background: #4fbbcd; color: #ffffff;} /* - nastylovani odesilaciho tlacitka - */ #proposal div.block.contact_form form>p:last-child { text-align: center; } #proposal div.block.contact_form form button[type=submit] { margin: 10px; padding: 15px 50px; background: #4fbbcd; border-radius: 4px; background-color: #ffffff; background: -webkit-linear-gradient(#4fbbcd, #51b2c2); background: linear-gradient(#4fbbcd, #51b2c2); border: none; border-top: 1px solid #ffffff; border-radius: 5px; box-shadow: 0 1px 0 rgba(102, 102, 102, 0.2), 0 3px 0 rgba(102, 102, 102, 0.2), 0 6px 6px rgba(102, 102, 102, 0.4); cursor: pointer; } #proposal div.block.contact_form form button[type=submit] span { display: inline-block; margin: 0; padding: 5px 10px; font-size: 24px; height: 24px; line-height: 24px; font-weight: bold; color: #ffffff; } #proposal div.block.contact_form form button[type=submit]:active { box-shadow: 0 1px 0 rgba(102, 102, 102, 0.3), 0 1px 0 rgba(102, 102, 102, 0.3), 0 3px 3px rgba(102, 102, 102, 0.6); -webkit-transform: translateY(2px); transform: translateY(2px); } #proposal div.block.contact_form form button[type=submit]:hover { background-color: #4fbbcd; background: -webkit-linear-gradient(#4fbbcd, #53aab8); background: linear-gradient(#4fbbcd, #53aab8); } #proposal div.block.contact_form form label>span, #proposal div.block.contact_form form button>span { cursor: pointer !important; } #proposal.edit-mode div.block.contact_form form label>span, #proposal.edit-mode div.block.contact_form form button>span { cursor: text !important; } /* - nastylovani thank-you textu - */ #proposal div.block.contact_form>div.thx { display: none; } #proposal div.block.contact_form>div.thx.show { position: fixed; display: block; width: 500px; top: 50%; left: 50%; bottom: auto; right: auto; padding: 20px; margin-left: -250px; margin-top: -100px; text-align: center; border: 5px solid #4fbbcd; border-radius: 10px; background: white; box-shadow: 0 0 0 1000px rgba(0,0,0,0.3); z-index: 5; font-size: 150%; } #proposal.edit-mode div.block.contact_form.edited>div.thx { position: relative; display: block; margin-top: 20px; background: #ffffff; padding: 10px; border-radius: 4px; } #proposal.edit-mode div.block.contact_form.edited>div.thx:before { position: relative; display: block; content: attr(placeholder); top: -1.8em; color: #53aab8; font-style: italic; font-size: 12px; line-height: 0.1; height: 0; } /* - barevne variace - */ #proposal div.block.contact_form.color_scheme_1 { background: #f0f0f0; } #proposal div.block.contact_form.color_scheme_1>* { z-index: 1; position: relative; } #proposal div.block.contact_form.color_scheme_1:before { z-index: 0; content: ""; display: block; position: absolute; width: 1120px; top: 40px; bottom: 38px; left: 50%; right: auto; margin: 0 0 0 -561px; border: 1px solid rgba(102, 102, 102, 0.2); border-top: none; border-bottom-width: 2px; background: #ffffff;} #proposal div.block.contact_form.color_scheme_1 form>p:not(.service)>label>span { background: #f0f0f0; color: #666666; } #proposal div.block.contact_form.color_scheme_2 { background: #4fbbcd; } #proposal div.block.contact_form.color_scheme_2 h2, #proposal div.block.contact_form.color_scheme_2 p, #proposal div.block.contact_form.color_scheme_2 div { color: #ffffff; } #proposal div.block.contact_form.color_scheme_2 form>p:not(.service)>label>span { background: #345166; } #proposal div.block.contact_form.color_scheme_2 form button[type=submit] span { color: #666666; } #proposal div.block.contact_form.color_scheme_2 form button[type=submit] { background: #ffffff; } #proposal div.block.contact_form.color_scheme_2 form button[type=submit]:hover { background: #f0f0f0; } #proposal div.block.contact_form.color_scheme_2 div.thx { color: #666666; } #proposal.edit-mode div.block.contact_form.color_scheme_2>div.thx:before { color: #ffffff; } /* --- CONTACT_FORM - konec --- */ /* --- UL-LI v textu - zacatek --- */ #proposal div.block div.body ul, #proposal div.block ul li div.description ul, #proposal div.block.testimonial ul li div.cite ul { margin: 1em 0; padding: 0; display: block; position: relative; } #proposal div.block div.body ul li, #proposal div.block ul li div.description ul li, #proposal div.block.testimonial ul li div.cite ul li { list-style-type: none; display: block; position: relative; margin: 0.5em 0; padding: 0 0 0 1.5em; text-align: left; background: transparent; border: none;} #proposal div.block div.body ul li:before, #proposal div.block ul li div.description ul li:before, #proposal div.block.testimonial ul li div.cite ul li:before { content: "\E831"; display: inline-block; margin: 0 0 0 -1.5em; width: 1.5em; color: #4fbbcd; font-family: gallery, "Source Sans Pro", sans-serif; font-size: 80%;} #proposal div.block.color_scheme_2 div.body ul li:before, #proposal div.block.color_scheme_2.testimonial ul li div.cite ul li:before { color: #ffffff; } /* --- UL-LI v textu - konec --- */ #system-menu { display: none; } @media print { body { background: transparent; } } /* --- timer --- START TIME = 1751330728.236573 0.000024 (+0.000024) - START 0.009305 (+0.009281) - STOP - report STOP TIME = 1751330728.245863 */